layui.use('table', function () {
    var table = layui.table;

    // 将表格渲染逻辑封装到数据获取成功的回调中
    HttpService.get("/generate/datasource").then(function (res) {
        console.log("数据库列表", res);
        // 成功获取数据后渲染表格
        table.render({
            elem: '#ID-table-demo-data',
            cols: [[
                {field: 'driverClassName', title: '驱动名称'},
                {field: 'dbType', title: '类型', width: 150},
                {field: 'key', title: 'KEY'},
                {field: 'url', title: 'URL'},
                {field: 'username', title: '账户'}
            ]],
            height: 500,
            data: res.data, // 直接使用响应数据
            page: true,
            limits: [5, 10, 15],
            limit: 5
        });
    }).catch(function (err) {
        console.error("数据加载失败", err);
        // 可选：渲染空表格或显示错误信息
    });
});


layui.use(['form'], function () {
    var form = layui.form;
    var layer = layui.layer;
    // 提交事件
    form.on('submit(demo2)', function (data) {
        var field = data.field; // 获取表单字段值
        // 显示填写结果，仅作演示用
        // layer.alert(JSON.stringify(field), {
        //     title: '当前填写的字段值'
        // });
        var jsonData = JSON.stringify(field);
        console.log("添加数据源：", jsonData)
        // 此处可执行 Ajax 等操作
        try {
            console.log(jsonData);
            var result = HttpService.post('/datasource/switch', jsonData);
            result.then(res => {
                console.log(res)
                if (res.status === 200) {
                    alert(res.message);
                } else {
                    alert(`数据源添加失败:` + res.message);
                }
                this.reset();
            })
            result.catch(error => {
                console.error('添加失败:', error);
                alert('添加失败: ' + error.message);
            });
            location.reload();
        } catch (e) {
            console.log('请求失败')
            console.log(e);
        }
    });
    return false; // 阻止默认 form 跳转
})


layui.use('table', function () {
    var table = layui.table;

    // 将表格渲染逻辑封装到数据获取成功的回调中
    HttpService.get("/generate/datasource").then(function (res) {
        console.log("数据库列表", res);
        // 成功获取数据后渲染表格
        table.render({
            elem: '#ID-table-demo2-data',
            cols: [[
                {field: 'driverClassName', title: '驱动名称'},
                {field: 'dbType', title: '类型', width: 150},
                {field: 'key', title: 'KEY'},
                {field: 'url', title: 'URL'},
                {field: 'username', title: '账户'}
            ]],
            height: 500,
            data: res.data, // 直接使用响应数据
            page: true,
            limits: [5, 10, 15],
            limit: 5
        });
    }).catch(function (err) {
        console.error("数据加载失败", err);
        // 可选：渲染空表格或显示错误信息
    });
});